<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    
    <link href="css/mui.min.css" rel="stylesheet"/>
	<style type="text/css">
		.mui-bar{
			box-shadow: none;
			-webkit-box-shadow: none;
		}
	
		.mui-bar-tab .mui-tab-item .mui-icon{
			width: 20px;
			height: 20px;
		}
	
		.mui-tab-item .mui-icon:before{
			display: block;
			content: "";
			background-size: cover;
			width: 100%;
			height: 100%;
		}
		.mui-tab-item .mui-icon.home:before{
			background-image: url(img/icon_home.png);
		}
		.mui-tab-item.mui-active .mui-icon.home:before{
			background-image: url(img/icon_home_active.png);
		}
		
		.mui-tab-item .mui-icon.channel:before{
			background-image: url(img/icon_channel.png);
		}
		.mui-tab-item.mui-active .mui-icon.channel:before{
			background-image: url(img/icon_channel_active.png);
		}
		
		.mui-tab-item .mui-icon.collect:before{
			background-image: url(img/icon_collect.png);
		}
		.mui-tab-item.mui-active .mui-icon.collect:before{
			background-image: url(img/icon_collect_active.png);
		}
		
		.mui-tab-item .mui-icon.settings:before{
			background-image: url(img/icon_settings.png);
		}
		.mui-tab-item.mui-active .mui-icon.settings:before{
			background-image: url(img/icon_settings_active.png);
		}
		
		.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{
			color: #c7cad1;
			line-height: 1.2;
			font-family: "Helvetica", "Tahoma", "Arail", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif";
		}
		.mui-bar-tab .mui-tab-item.mui-active .mui-icon~.mui-tab-label{
			color: #4de1ca !important;
		}
	</style>
</head>
<body>
	<nav class="mui-bar mui-bar-tab">
		<a id="defaultTab" class="mui-tab-item mui-active" data-id="feed">
			<span class="mui-icon home"></span>
			<span class="mui-tab-label">日报</span>
		</a>
		<a class="mui-tab-item" data-id="channel">
			<span class="mui-icon channel"></span>
			<span class="mui-tab-label">发现</span>
		</a>
		<a class="mui-tab-item" data-id="collect">
			<span class="mui-icon collect"></span>
			<span class="mui-tab-label">收藏</span>
		</a>
		<a class="mui-tab-item" data-id="settings">
			<span class="mui-icon settings"></span>
			<span class="mui-tab-label">设置</span>
		</a>
	</nav>
	<script src="js/mui.min.js"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/av-mini-1.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/update.js"></script>
</body>
</html>